@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; position:relative; font-family:"微软雅黑", sans-serif; overflow-x:hidden; background: #fff; }
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.ovh{ overflow: hidden; width: 100%;}
.m{ max-width: 1700px; height:100%;margin: 0 auto; padding:0 50px; display: block; position:relative;}
.pad_top{ padding-top:4.625rem;}
.pad_bot{ padding-bottom:4.625rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
/*===========================header=============================*/
svg{ display: inline-block; vertical-align: middle; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
/* html *, html *:before, html *:after {
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;
} */
[class^="btn_"] {
    position: relative; z-index: 1; font-size: .9375rem;
    display: block;
    width: 12.1875rem;
    height: 3.75rem; line-height: 3.75rem;
    text-transform: uppercase;
    overflow: hidden; text-align: center;-webkit-transition: 0.5s;
    transition: 0.5s;
}
[class^="btn_"]:before,[class^="btn_"]:after,[class^="bg_"]:before,[class^="bg_"]:after{box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s;}
/*===========================header=============================*/

#header{ height:7.375rem; z-index:999; background:none; width:100%; position:fixed; top:0; z-index: 998; }
#header .m{ height:100%; display: flex; justify-content: space-between;}
#logo{ float:left; height:100%;}
#logo img{ width: 13.5625rem;}
#logo img.img02{ display: none;}
#header .fr{ display: flex; flex-grow: 1; max-width: 1250px;}
#nav{ float:left; margin-right:30px; flex-grow: 1;}
#nav ul{display: flex;}
#nav ul li{ float:left; height:7.375rem; position:relative; z-index:0; flex-grow: 1;}
#nav ul li a{ display:block; text-transform:uppercase;}
#nav ul li h3{ font-size:1rem; color:#fff; line-height:7.375rem; overflow:hidden; text-align: center; position:relative;}
#nav ul li.on h3{ color:#016aaf;}
#nav ul li h3 svg{ width: 12px;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{ position:absolute; top:100%; background:#fff; width:120px; left:50%; margin-left:-60px;border:1px solid #bbb; border-bottom:5px solid #016aaf; z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
#nav ul li .sub .box{ padding:10px 20px; background:#fff; text-align: center; }
#nav ul li .sub a{ padding:0; line-height:2; transition:.3s; font-size:.875rem;}
#nav ul li .sub a:hover{ color:#016aaf;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav ul li .sub:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 50%; margin-right:-20px;
    height: 40px;
    width: 40px;left: 50%;
    margin-left: -20px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.top_menu{ float:left; height:7.375rem;}
.top_menu .ico{ float:left; margin-left:1.5rem; }
/*语言切换*/
.top_menu #yuyanBtn{ position:relative; height:100%;}
.top_menu #yuyanBtn .dt{ height:100%;}
.top_menu #yuyanBtn i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
.top_menu #yuyanBtn i svg{ display: block;}
.top_menu #yuyanBtn .dd{ position:absolute; top:100%; background:#fff; width:130px; left:50%; margin-left:-65px;border:1px solid #bbb; border-bottom:5px solid #016aaf; z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.top_menu #yuyanBtn:hover .dd{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.top_menu #yuyanBtn .dd .box{ padding:10px 20px; background:#fff; }
.top_menu #yuyanBtn .dd:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 50%; margin-right:-20px;
    height: 40px;
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.top_menu #yuyanBtn .dd a{ display:block; text-align:center; line-height:35px; height:35px; color: #333;}
/*搜索*/
#searchBtn{ height:100%;}
#searchBtn a{ display:block; width:42px; height:42px; line-height:39px; border-radius:50%; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; display:inline-block;fill:#fff;  }
 
.top_menu .ico a{font-size:14px;color:#fff; font-family: arial; text-transform:capitalize;display:  block;width:  100%;height:  40px;line-height: 38px;}
.top_menu .icon{ fill:#626262;vertical-align:middle; }

#header:hover{ background: #fff;}
#header:hover #logo .img01{ display: none;}
#header:hover #logo .img02{ display: block;}
#header:hover #nav ul li h3{ color: #333;}
#header:hover #nav ul li h3 svg path{ stroke: #777;}
#header:hover #searchBtn svg{ fill: #0066b2;}
#header:hover .top_menu .ico a{ color: #666;}
#header:hover .top_menu #yuyanBtn i svg path{stroke: #666;}
#header:hover .top_menu .icon path{ fill: #0066b2;}

#header.xg{ background: #fff; height:6rem; box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
#header.xg #logo .img01{ display: none;}
#header.xg #logo .img02{ display: block;}
#header.xg #nav ul li{ height: 6rem;}
#header.xg #nav ul li h3{ color: #333; line-height: 6rem;}
#header.xg #nav ul li h3 svg path{ stroke: #777;}
#header.xg #searchBtn svg{ fill: #0066b2;}
#header.xg .top_menu{ height: 6rem;}
#header.xg .top_menu .ico a{ color: #666;}
#header.xg .top_menu #yuyanBtn i svg path{stroke: #666;}
#header.xg .top_menu .icon path{ fill: #0066b2;}



.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;

  }
/*.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
#tc_search{ width:100%; padding:3rem; background:#016aaf; position:relative; transform:translateY(-100%); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden;}
.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}
/*弹窗内容样式*/
#tc_search form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}
#tc_search form:after{ content:""; width:0; height:1px; background:#fff; transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem;background:url(../images/seach_white.svg) center center no-repeat; background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }
#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);}
#tc_search .draw_h:hover svg.drawcircle circle { stroke:#fff;}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
/***********************/

/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 60%;}
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.375rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.375rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 1.375rem;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.375rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #939393;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 99999; position: fixed; background:#ff0000; background: #e80808; width:20rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; overflow:hidden; 
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.3);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:4.5rem; height:4.5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:4.5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}

/*顶部搜索*/
.wap_search{ font-size:16px;border-radius: 5px; color:#fff;text-align:center; font-family:arial;letter-spacing:2px;line-height:40px; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden; width: 100%;}
.wap_search form{height:40px;border-radius:20px; background:rgba(255,255,255,.25);position:relative;width: 18rem; margin: 20px auto; }
.wap_search .input{ font-size:.875rem; color:#fff; height:40px; line-height:40px; padding-left:1.5rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.wap_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 50px;height:40px; line-height:40px; border:0; background:url(../images/seach_white.svg) center no-repeat; background-size: 1.5rem;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.9); }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
 
/*首页banner*/

/*首页banner*/
#banner{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:1; background:#fff; }
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{ width:100%; height:100vh; background-size: cover !important; z-index:8; -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }	
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
#banner .slick-active .img{ animation:bgscale 6s linear forwards; -webkit-animation:bgscale 6s linear forwards; }
#banner .m{ height:100%;}
#banner li.slick-current{ z-index:999;}
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }
#banner .pic{ margin:0 auto; color:#fff; margin-top:0rem; opacity: 0; transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }
#banner .pic img{ display: inline-block; }
#banner li.slick-current{ z-index:999;}
#banner .slick-current .pic{ opacity: 1; animation:enter 1.3s ease forwards; -webkit-animation:enter 1.3s ease forwards; }
  
#banner .swiper-pagination{ position: absolute; bottom: 3rem; left: 50%; margin-left: -680px; text-align: left;}
#banner .swiper-pagination span{ display: inline-block; width: 11px; height: 11px; margin-bottom: 24px; position: relative; background: url(../images/bot.png) center 11px no-repeat; opacity: 1 !important; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
#banner .swiper-pagination span:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,1); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#banner .swiper-pagination span.swiper-pagination-bullet-active:before{ background: #fff; }

#banner .slickdotbox{ top:50%; margin-top: -100px; bottom: auto; width: 5px; height: 120px; position: absolute; right: 50%; margin-right: -700px; }
#banner .slick-dots ul{ }
#banner .slick-dots li{ margin:0; display: block; margin-top: 10px;}
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:5px; height:1.25rem; border:1px solid rgba(255,255,255,.6); border-radius: 3px; box-sizing:border-box; opacity:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#banner .slick-dots li.slick-active button:before{ background:#fff;  }


@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
.btn_ts{ display: block; color: #fff; overflow: visible; margin-top: 4rem;}
.btn_bg{ position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; background: #ff602a; z-index: -1; transform:skewX(-15deg) ; -webkit-transform:skewX(-15deg) ; -moz-transform:skewX(-15deg) ; -ms-transform:skewX(-15deg) ; -o-transform:skewX(-15deg) ; }
.btn_bg:before {
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent transparent transparent #0066b2;
position: absolute;
bottom: 0;
left: 0;
}
.btn_bg:after {
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent #0066b2 transparent transparent;
position: absolute;
top: 0;
right: 0;
}
.btn_ts:hover .btn_bg:before {
border-width: 165px 0 0 165px;
}
.btn_ts:hover .btn_bg:after {
border-width: 0 165px 165px 0;
}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{ position:absolute; background: #d9d9d9; border-radius: 2px; overflow: hidden; top:50%; z-index:9999; width: 11rem; left:50%; margin-left: -5.5rem; margin-top: -5.5rem; padding: 1rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{ padding-top: 1rem; font-size: .875rem; color: #6c6c6c;text-align:center;}
#s_jishu{ width: 100%; overflow: hidden; margin-top: -10rem; position: relative; z-index: 2;}
#s_jishu ul{}
#s_jishu ul li{ background: #014590; color: #fff;}
#s_jishu ul li a{ display:block; padding: 3.75rem 3.75rem; display: flex; justify-content: space-between; align-items: flex-end; }
#s_jishu ul li .txt{ float: left;}
#s_jishu ul li font{ float: right; display: block; width: 3rem; height: 3rem; overflow: hidden; transition: .7s;}
#s_jishu ul li span{ font-size: 1.75rem; line-height: 1.875rem; color: #fff; white-space: nowrap; font-family: BarlowCondensed-Medium; text-transform: uppercase; transition: .7s;}
#s_jishu ul li h3{ font-size: 1.5rem; color: #fff; margin-top: 1rem; margin-bottom: 1.75rem; transition: .7s;}
#s_jishu ul li .txt svg{ width: 2.5rem; height: 2.5rem;}
#s_jishu ul li:nth-child(even){ background: #0066b2;}
#s_jishu ul li:hover font,#s_jishu ul li:hover h5,#s_jishu ul li:hover p,#s_jishu ul li:hover .btn_arrow{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
#s_jishu ul li:hover font img{ animation: jello 1s;}


#gotop{ display:none; width:2.9rem; height:2.9rem; border-radius:50%; overflow:hidden; position:absolute; bottom:6rem; right:4rem; position:fixed; z-index:999; background:#db9763;}
#gotop img{ animation: hide-dt-f 3s infinite; }
@keyframes hide-dt-f{
	0% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, -10px, 0px); }
}

#s_video .img{ position:relative; z-index:9;cursor: none;}
#s_video .img a{ display: block;cursor: url(../images/play.ico),pointer;}
#s_video .img .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; opacity:1; }
#s_video .img .mask font{ display:block; width:5rem; height:5rem; transition:.5s; border-radius:50%; background:url(../images/play.png) center no-repeat; background-size: contain; margin:0 auto; position: relative;}
#s_video .img .mask font:before,#s_video .img .mask font:after { content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
   border: 1px solid #fff;
 -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9); transition: 1.5s; opacity: 0.1;
}
#s_video .img .mask font:hover:before{ opacity: .5;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
 #s_video .img .mask font:hover:after{ opacity: .3;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
}
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc .j_tab{ table-layout: fixed;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box;
  z-index:999;
  display: block;
  position:relative;
  transform: translateY(-3rem);
  transition: all 0.5s ease-out;
  opacity: 0;
  -webkit-transform: translateY(-3rem);
  -moz-transform: translateY(-3rem);
  -ms-transform: translateY(-3rem);
  -o-transform: translateY(-3rem);
}
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{ width:70%; margin:0 auto; background:none; position:relative; height: 0; padding-top:45%;}
.tc_shipin #my-video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{
    object-fit:fill;  
}
.vjs-poster{ background-size: cover !important;}
#s_video .m{ }
#s_video .txt{ height: 18.5rem;}
#s_video .box{ position: relative;  padding-top: 14rem; }
#s_video .box .img{ margin: 0 auto;}
#s_video .txt{ font-family: "BebasNeue"; font-size: 25rem; text-align: center; color: #f2f4f7; text-shadow: #f2f4f7 1px 0 0, #f2f4f7 0 1px 0, #f2f4f7 -1px 0 0, #f2f4f7 0 -1px 0; position: absolute;  top:0rem; left: 0; right: 0; text-align: center;}
.bg-cover{
    position: absolute;left: 0;top: 4rem; background-repeat: repeat-x;
    width: 100%;height: 100%;
    background-position: left top !important;
    -webkit-animation: play  50s linear infinite;
    animation: play  50s linear  infinite;
}
@-webkit-keyframes play {
    from {
        background-position: 0% 0;
    }
    to {
        background-position: 100% 0;
    }
}
@keyframes play {
    from {
        background-position: 0% 0;
    }
    to {
        background-position: 100% 0;
    }
}

@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

.bg_anim{ position: relative; overflow: hidden; z-index: 1;}
.bg_anim:before {
content: '';
width: 0;
height: 0;
/* -webkit-transform: rotate(360deg); */
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent transparent transparent #ff602a;
position: absolute; z-index: -1;
bottom: 0;
left: 0;
}
.bg_anim:after {
content: '';
width: 0;
height: 0;
/* -webkit-transform: rotate(360deg); */
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent #ff602a transparent transparent;
position: absolute; z-index: -1;
top: 0;
right: 0;
}
.bg_anim:hover:before {
border-width: 400px 0 0 400px;
}
.bg_anim:hover:after {
border-width: 0 400px 400px 0;
}
.video_bot{ width: 75%; height: 15px; background: url(../images/video_bot.png) left top no-repeat; background-size: contain; margin-top: 1.875rem;}
.video_txt{ padding: 5.5rem 3.4375rem; color: #fff; width: 450px; max-width: 100%; position: absolute; right: 6.125rem; z-index: 99; bottom: -2.375rem; background: url(../images/video_txt.png) left bottom no-repeat; background-size: 100% auto;}
.video_txt h2{ font-size: 26px; color: #fff; font-style: italic; font-weight: bold; margin-bottom: 2.125rem;}
.video_txt .con{ font-size: .9.375rem; line-height: 1.875rem; opacity: .8;}
.video_txt .con p{}
.video_txt .btn_arr{}
.btn_arr{ display: block; color: #fff; overflow: hidden; width: 6.5rem; height: 2.8125rem; line-height: 2.8125rem; margin-top: 4rem; background: #ff602a; position: relative; z-index: 1; }
.btn_arr svg{ width: 1.25rem; height: 1.25rem; margin-bottom: 2px;}
:before {
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent transparent transparent #0066b2;
position: absolute; z-index: -1;
bottom: 0;
left: 0;
}
.btn_arr:after {
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent #0066b2 transparent transparent;
position: absolute; z-index: -1;
top: 0;
right: 0;
}
.btn_arr:hover:before {
border-width: 165px 0 0 165px;
}
.btn_arr:hover:after {
border-width: 0 165px 165px 0;
}

#s_pro{ background: url(../images/pro_bg.jpg) center top no-repeat;}
#s_pro .hd{ color: #fff; margin-bottom: 3rem; overflow: hidden;}
#s_pro .hd h3{ float: left; font-size: 2.1875rem; line-height: 3.125rem; color: #fff; font-weight: bold;}
#s_pro .hd .btn_r{ float: right; width: 9rem; height: 3.125rem; line-height: 3.125rem; background: #fff; font-size: .9375rem; color: #4f4f4f; }
#s_pro .btn_r:before{ content: ""; display: block; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background: #ff602a;}
#s_pro .btn_r:hover:before{ width: 100%;}
#s_pro .btn_r:hover{ color: #fff;}
#s_pro ul{ margin: 0 -1.625rem;}
#s_pro ul li{ padding:0 1.625rem; font-size: 3rem; color: #fff;}
#s_pro ul li .btn_arr2{ width: 7.375rem; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; border-left: 1px solid #e2e2e2;}
#s_pro ul li .btn_arr2 svg{ width: 1.25rem;}
#s_pro ul li .btn_arr2 svg path{ fill: #000000;}
#s_pro ul li .btn_arr2:before{ content: ""; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #ff602a;}
#s_pro ul li:hover .btn_arr2:before{ width: 100%;}
#s_pro ul li:hover .btn_arr2 svg path{ fill: #fff;}
#s_pro ul li a{ display: block;background: #fff; position: relative; }
#s_pro ul li .sort{ height: 5rem; line-height: 5rem; padding-left: 2rem; border-bottom: 1px solid #e2e2e2; position: relative; font-size: 1.125rem; color: #0e0e0e; }
#s_pro ul li h5{ padding-left: 2rem; font-size: 1.375rem; color: #0e0e0e; font-weight: bold; padding-top: 3rem; line-height: 2rem; padding-bottom: 3rem;}

#s_pro .slick-arrow{ z-index:99; position:absolute; top:40%; margin-top:-13px; transform:translate(0,0); opacity:1;
	display:block; width: 3.0625rem; height: 3.0625rem; background-size:3.0625rem !important;}
#s_pro .slick-prev{ left:-6.25rem;background:url(../images/pro_left.png) center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#s_pro .slick-next{ right:-6.25rem; background:url(../images/pro_right.png) center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}
 



